﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="insurance_ordereditor.aspx.cs"
    Inherits="insurance_ordereditor" %>

<%@ Register Src="_controls/header.ascx" TagName="header" TagPrefix="uc1" %>
<%@ Register Src="_controls/footer.ascx" TagName="footer" TagPrefix="uc2" %>
<%@ Register Src="_controls/membership_left_nav.ascx" TagName="membership_left_nav"
    TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1">
    <title>曼福旅游保险</title>
    <link rel="canonical" href="http://www.insureandgo.com" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="travel insurance, holiday insurance, annual travel insurance, ski insurance, backpackers insurance, annual, cheap, uk, insurance, insureandgo, InsureandGo," />
    <meta name="description" content="Buy cheap travel insurance from InsureandGo, the UK's largest direct travel insurer. Wide range of policies available. Prices from under &pound;6. Kids go free." />
    <meta name="robots" content="noodp" />
    <meta name="google-site-verification" content="_p3NAz7IjML6o1UMAukUDLvJ-q3yRO-14nTqkjd0dDI" />
    <meta name="WT.pi" content="index.html" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="_common/styles/layout.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="_common/styles/lteie7.css" />
    <![endif]-->
    <!-- jquery style sheets -->
    <!-- jquery libraries -->
    <link rel="stylesheet" href="_common/styles/styles.css" type="text/css" />
    <link href="_common/styles/style-compressed.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/shopping_order_layout.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/style-compressed.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/form_layout.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/base.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- ANALYTICS END -->
    <script src="_common/scripts/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script language="javascript" src="_common/datepicker/wdatepicker.js" type="text/javascript"></script>
    <script language="javascript" src="_common/scripts/jquery_json.js" type="text/javascript"></script>
    <script language="javascript" src="_common/scripts/jquery_stringutil.js" type="text/javascript"></script>
    <script language="javascript" src="_common/scripts/interface.js" type="text/javascript"></script>
    <script type="text/javascript" src="_common/scripts/jquery_regform_validator.js"></script>
    <script src="_common/scripts/jq_insurance_order_utility.js" type="text/javascript"></script>
    <script src="_common/scripts/utility_select.js" type="text/javascript"></script>
    <script src="_common/scripts/Util.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            validator.setup("#form1");
            LoadDDLListByObjectIdAndCode("selProductList", "getinsuranceproductlistbyareacode", $("#txtAreaCode").val());
            LoadEnumItemsDDL("ddPolicyType", "CJType");
            LoadEnumItemsDDLBYGroupCode("selDestinationList", "DestCountryName", $("#txtAreaCode").val());
            LoadEnumItemsDDL("selTIDType", "IDType");

            $("#ddPolicyType").val($("#txtCJType").val());
            $("#selDestinationList").val($("#txtDestCountryCode").val());
            $("#selTIDType").val($("#txtTIDType").val());
            $("#selTSex").val($("#txtTSex").val());
            $("#selProductList").val($("#txtProductId").val());

            if (!$("#selProductList").IsNull()) {
                GetProductItems();
                $("#txtProductName").val($("#selProductList").children(":selected").text());
            }

            if (!$("#selProductItems").IsNull()) {
                $("#selProductItems").val($("#txtOrgProductItemId").val());
            }

            $("#selProductList").change(function () {
                GetProductItems();
                $("#txtProductName").val($(this).children(":selected").text());
            });

            $("#selProductItems").change(function () {
                $("#txtPrice").val($(this).children(":selected").attr("price"));
                $("#txtProductItemId").val($("#selProductItems").val());
                $("#txtProductItemName").val($(this).children(":selected").text());
                if (!$("#txtStartDate").IsNull()) {
                    BuildEnddate();
                }
            });
            $("#rdoSalesTypeCode_1").click(function () {
                if ($("#rdoInvoice_0").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).hide();
                    });
                    $("#txtInvoiceFee").val("0.00");
                }
            });

            $("#rdoSalesTypeCode_2").click(function () {
                if ($("#rdoInvoice_0").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).show();
                    });
                    $("#txtInvoiceFee").val("10.00");
                    $("#selExpressType").val("申通快递");
                }
            });

            $("#rdoInvoice_0").click(function () {
                if ($("#rdoSalesTypeCode_1").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).hide();
                    });
                    $("#txtInvoiceFee").val("0.00");
                }
                $("#divInvoiceTitle").hide();
                $("#txtInvoiceTitle").val("");
            });

            $("#rdoInvoice_1").click(function () {
                if ($("#rdoSalesTypeCode_1").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).show();
                    });
                    $("#txtInvoiceFee").val("10.00");
                    $("#selExpressType").val("申通快递");
                }
                $("#divInvoiceTitle").show();
            });

            InitValues();
            if ($("#txtAreaCode").val() == "1") {
                $("#divProductNotes").show();
            } 
            onExpressTypeChanged();
        })

        function InitValues() {
            for (var i = 0; i < Number($("#txtNoOfTravellers").val()); i++) {
                Select.copy("selTIDType", "selIDType" + String(i + 1), "");
                $("#selIDType" + String(i + 1)).val($("#txtIDTypeOrg").val().split(",")[i]);
                $("#selSex" + String(i + 1)).val($("#txtSexOrg").val().split(",")[i]);
            }

            if ($("#rdoSalesTypeCode_1").attr("checked") && $("#rdoInvoice_0").attr("checked")) {
                $("[taggroup=express]").each(function () {
                    $(this).hide();
                });
                $("#txtInvoiceFee").val("0.00");
                $("#divInvoiceTitle").hide();
                $("#txtInvoiceTitle").val("");
            }
            else { 
                if ($("#rdoInvoice_1").attr("checked")) { 
                    $("#divInvoiceTitle").show();
                }
                $("[taggroup=express]").each(function () {
                    $(this).show();
                });
            } 
        }
        function BuildPolicyholdersList(newnum) {
            var _num = Number($("#txtNoOfTravellers").val());
            var _html = "";
            if (newnum > _num) {
                for (var i = _num + 1; i <= newnum; i++) {
                    if ($("#divPolicyholders" + String(i)).IsNull()) {
                        _html = document.getElementById("divTemplList").innerHTML.toString();
                        $("#divPolicyholders" + String(i - 1)).after(strReplace(strReplace(_html, "◎", String(i), false), "$_val$", "isvalidator", false)); 
                    }
                }
                for (var i = _num; i <= newnum; i++) {
                    if ($("#divPolicyholders" + String(i)).IsNull()) {
                        Select.copy("selTIDType", "selIDType" + String(i), "");
                    }
                }
            }
            else if (newnum < _num) {
                for (var i = 1; i <= _num - newnum; i++) {
                    $("#divPolicyholders" + String(i + newnum)).remove();
                }
            }
        }
        function onNoOfTravellersChanged() {
            var _num = $("#ddlNoOfTravellers").val();
            BuildPolicyholdersList(Number(_num));
            $("#txtNoOfTravellers").val(_num);
        }
        function strReplace(str, oldSub, newSub, ignoreCase) {
            var i = ignoreCase ? str.toLowerCase().indexOf(oldSub.toLowerCase()) : str.indexOf(oldSub);
            var result = "";
            while (i >= 0) {
                result += str.substr(0, i);
                result += newSub;
                str = str.substr(i + oldSub.length);
                i = ignoreCase ? str.toLowerCase().indexOf(oldSub.toLowerCase()) :
                str.indexOf(oldSub);
            }
            result += str;
            return result;
        }
        function GetProductItems() {
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/insurance_orderutility.aspx"),
                data: {
                    otype: "getproductitems",
                    productid: $("#selProductList").val()
                },
                beforSend: function () {
                    $("#selProductItems").emptySelect();
                    $("#txtProductItemId").val('');
                },
                success: function (data, textStatus) {
                    if (data != "") {
                        $("#selProductItems").html(data);
                        $("#txtPrice").val($("#selProductItems").children(":selected").attr("price"));
                        $("#txtProductItemName").val($("#selProductItems").children(":selected").text());
                        $("#txtProductItemId").val($("#selProductItems").val());
                        $("#txtStartDate").removeAttr("disabled");
                        if (!$("#txtStartDate").IsNull()) {
                            BuildEnddate();
                        }
                    } else {
                        $("#selProductItems").html(data);
                        $("#txtStartDate").attr("disabled", true).val('');
                        $("#txtEndDate").val('');
                        $("#txtPrice").val('');
                    }
                }
            });
        }
        function BuildEnddate() {
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/insurance_orderutility.aspx"),
                data: {
                    otype: "build_enddate",
                    effectdate: $("#txtStartDate").val(),
                    productitemid: $("#selProductItems").val()
                },
                success: function (data, textStatus) {
                    if (data.split("|")[0] == "succeeded") {
                        $("#txtEndDate").val(data.split("|")[1]);
                    }
                    else {
                        $("#txtStartDate").showValidator(data, "../images/");
                    }
                }
            });
        }
        function IDNoBlur(_obj, _rowno, _type) {
            if (_type == "t") {
                CardUtils_GetBirthday($("#" + _obj.id).val(), "txtTBirthday");

                $("#selTSex").val(CardUtils_GetSex($("#" + _obj.id).val()));
            }
            else {
                CardUtils_GetBirthday($("#" + _obj.id).val(), "txtBirthday" + _rowno);

                $("#selSex" + _rowno).val(CardUtils_GetSex($("#" + _obj.id).val()));
            }
        }
        function GetAge(_obj, _rowno, _type) {
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/insurance_orderutility.aspx"),
                data: {
                    otype: "get_age",
                    date: $("#" + _obj.id).val()
                },
                success: function (data, textStatus) {
                    if (data != "ok") {
                        $("#" + _obj.id).hidenValidator();
                        if (_type == "t")
                            $("#txtTAge").val(data);
                        else {
                            $("#txtAge" + _rowno).val(data);
                        }
                    }
                    else {
                        $("#" + _obj.id).showValidator(data);
                    }
                }
            });
        }
        function ValidateSubmit() { 
            var bl = validator.validatorAll();
            
            if (bl) {
                $.ajax({
                    async: false,
                    type: "POST",
                    url: prependOrgName("/insurance_orderutility.aspx"),
                    data: {
                        otype: "val_effect_date",
                        effectdate: $("#txtStartDate").val()
                    },
                    success: function (data, textStatus) {
                        if (data != "succeeded") {
                            bl = false;
                            $("#txtStartDate").showValidator(data);
                        }
                        else {
                            bl = true;
                        }
                    }
                });
            }

            return bl;
        }
        function onExpressTypeChanged() {
            if ($("#selExpressType").val() == "申通快递") {
                $("#txtInvoiceFee").val("10.00");
                $("#spanExpressType").html("* 2-3个工作日到达");
            }
            else {
                $("#txtInvoiceFee").val("20.00");
                $("#spanExpressType").html("* 次日下午到，港澳台除外");
            }
        }
    </script>
</head>
<body>
    <div id="divTemplList" style="display: none;">
        <div id="divPolicyholders◎">
            <div class="additional_travellers_start_column">
                <span class="quote_subheading">◎)</span>
            </div>
            <div class="additional_travellers_next_column_100">
                <input name="txtName" type="text" maxlength="50" id="txtName◎" required="required"
                    $_val$ style="width: 80px;" />
            </div>
            <div class="additional_travellers_next_column_100">
                <input name="txtNameEn" type="text" maxlength="50" id="txtNameEn◎" required="required"
                    $_val$ style="width: 80px;" />
            </div>
            <div class="additional_travellers_next_column_100">
                <select id="selIDType◎" name="selIDType" required="required" $_val$ style="width: 80px;">
                    <option value="">-- 请选择 --</option>
                </select>
            </div>
            <div class="additional_travellers_next_column_150">
                <input name="txtIDNo" id="txtIDNo◎" type="text" onblur="IDNoBlur(this, '◎', 'i');"
                    maxlength="18" required="required" $_val$ datatype="number" style="width: 130px;" />
            </div>
            <div class="additional_travellers_next_column_80">
                <select name="selSex" id="selSex◎" style="width: 60px;">
                    <option value="0">男</option>
                    <option value="1">女</option>
                </select>
            </div>
            <div class="additional_travellers_next_column_100">
                <input name="txtBirthday" type="text" id="txtBirthday◎" onblur="GetAge(this, '◎', 'i');"
                    required="required" $_val$ datatype="date" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});"
                    readonly style="width: 80px;">
            </div>
            <div class="additional_travellers_next_column_60">
                <input name="txtAge" type="text" maxlength="3" id="txtAge◎" required="required" $_val$
                    datatype="number" style="width: 40px;">
            </div>
            <div class="clearBoth">
            </div>
        </div>
    </div>
    <form id="form1" runat="server">
    <input type="hidden" name="___EVENTTARGET" id="___EVENTTARGET" value="" />
    <input type="hidden" id="txtObjectId" name="txtObjectId" runat="server" />
    <input type="hidden" id="txtProductId" name="txtProductId" runat="server" />
    <input type="hidden" id="txtProductItemId" name="txtProductItemId" runat="server" />
    <input type="hidden" id="txtOrgProductItemId" name="txtOrgProductItemId" runat="server" />
    <input type="hidden" id="txtProductName" name="txtProductName" runat="server" />
    <input type="hidden" id="txtProductItemName" name="txtProductItemName" runat="server" />
    <input id="txtPassCountryCode" name="txtPassCountryCode" type="hidden" runat="server" />
    <input id="txtDestCountryCode" name="txtDestCountryCode" type="hidden" runat="server" />
    <input id="txtTotalAmount" name="txtTotalAmount" type="hidden" runat="server" />
    <input type="hidden" id="txtPersonQuantity" name="txtPersonQuantity" runat="server"
        value="0" />
    <input id="txtCJType" name="txtCJType" type="hidden" runat="server" />
    <input name="txtNameOrg" type="hidden" id="txtNameOrg" runat="server" />
    <input name="txtNameEnOrg" type="hidden" id="txtNameEnOrg" runat="server" />
    <input name="txtBirthdayOrg" type="hidden" id="txtBirthdayOrg" runat="server" />
    <input name="txtAgeOrg" type="hidden" id="txtAgeOrg" runat="server" />
    <input name="txtSexOrg" type="hidden" id="txtSexOrg" runat="server" />
    <input name="txtIDTypeOrg" type="hidden" id="txtIDTypeOrg" runat="server" />
    <input name="txtIDNoOrg" type="hidden" id="txtIDNoOrg" runat="server" />
    <input type="hidden" id="txtTIDType" name="txtTIDType" runat="server" />
    <input type="hidden" id="txtTSex" name="txtTSex" runat="server" />
    <input type="hidden" id="txtAreaCode" name="txtAreaCode" value="0" runat="server" />
    <script type="text/javascript">
        <!--
        function ___doPostBack(eventTarget) {
            var theForm = document.forms["form1"];
            if (!theForm) {
                theForm = document.form1;
            }
            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                theForm.___EVENTTARGET.value = eventTarget;
                theForm.submit();
            }
        }
        // -->
    </script>
    <div id="success" style="position: absolute; z-index: 300; height: 93px; width: 273px;
        left: 54%; top: 87%; margin-left: -150px; margin-top: -80px; background: #F8F8F8;">
        <div style="position: absolute; z-index: 300; width: 270px; height: 90px; background-color: #FFF7D3;
            border: solid #E60113 1px; font-size: 14px;">
            <div style="height: 64px; line-height: 150%; padding: 0px 3px 0px 3px;" align="center">
                <br />
                <table>
                    <tr>
                        <td valign="top">
                            <img border="0" src="_imgs/progress.gif" />
                        </td>
                        <td valign="middle" style="font-size: 14px; width: 150px;">
                            操作执行中 ...<br />
                        </td>
                    </tr>
                </table>
                <br />
            </div>
        </div>
        <div style="position: absolute; width: 270px; height: 108px; z-index: 299; left: 4px;
            top: 5px; background-color: #E8E8E8; border: #E8E8E8 1px solid; display: none;">
        </div>
    </div>
    <script type="text/javascript">
        $("#success").css("display", "none"); 
    </script>
    <script src="_common/scripts/divcover.js" type="text/javascript"></script>
    <div class="cc-cookies">
    </div>
    <uc1:header ID="header1" runat="server" />
    <div class="clear">
    </div>
    <div id="main">
        <div id="secondary" class="widget-area">
            <uc3:membership_left_nav ID="membership_left_nav1" runat="server" />
        </div>
        <div class="rightContent">
            <div class="crumb" style="font-size: 12px;">
                <a href="###">首页 </a><span>&gt; </span><em>我的保单</em><span>&gt; </span><em>保单信息</em>
            </div>
            <div class="clear">
            </div>
            <div class="innercontent" id="mainOrderContent">
                <div id="borderedContainer" style="background: #fff;">
                    <div class="leftCol" style="border-right: 0px;">
                        <div class="form_width">
                            <div class="errorpaneltop" style="display: none; margin: 0px auto; float: none;"
                                id="divErrorMsg" runat="server">
                                <div class="errorpanelbottom">
                                    <div class="errorcontent">
                                        <h3 class="error">
                                            错误提示</h3>
                                        <ul>
                                            {0}</ul>
                                    </div>
                                </div>
                            </div>
                            <!--Begin: Begin cover dates control-->
                            <div class="fieldsetTop">
                            </div>
                            <div class="fieldsetMidd">
                                <div id="destinationForm">
                                    <p class="form_titles">
                                        旅行信息</p>
                                    <div class="form_row">
                                        <label for="ddPolicyType" class="form_headings">
                                            <span style="color: Red;">*</span> <span class="quote_subheading">旅游类型：</span>
                                        </label>
                                        <span class="form_info">
                                            <select name="ddPolicyType" id="ddPolicyType" style="width: 200px;" validatormsg="spanPolicyType"
                                                required="required" controlname="旅游类型" isvalidator>
                                            </select>
                                        </span><span class="alertPanel" id="spanPolicyType"></span>
                                    </div>
                                    <div class="form_row">
                                        <label for="selDestinationList" class="form_headings">
                                            <span style="color: Red;">*</span> <span class="quote_subheading">目的地：</span>
                                        </label>
                                        <span class="form_info">
                                            <select name="selDestinationList" id="selDestinationList" style="width: 200px;" validatormsg="spanDestinationList"
                                                required="required" controlname="目的地" isvalidator>
                                            </select>
                                        </span></span><span class="alertPanel" id="spanDestinationList"></span>
                                    </div>
                                        <div style="height: auto; float: left; width: 395px; clear: left;">
                                            <div class="form_row">
                                                <label for="selProductList" class="form_headings">
                                                    <span style="color: Red;">*</span> <span class="quote_subheading">保险款式：</span>
                                                </label>
                                                <span class="form_info">
                                                    <select name="selProductList" id="selProductList" style="width: 200px;">
                                                    </select>
                                                </span>
                                            </div>
                                            <div class="form_row">
                                                <label for="selProductItems" class="form_headings">
                                                    <span style="color: Red;">*</span> <span class="quote_subheading">保障天数：</span>
                                                </label><span class="form_info">
                                                        <select name="selProductItems" id="selProductItems" style="width: 100px;" validatormsg="spanProductItems"
                                                            required="required" controlname="保险款式" isvalidator>
                                                            <option value="">-- 请选择 --</option>
                                                        </select>
                                                </span><span class="alertPanel" id="spanProductItems"></span>
                                            </div>
                                            <div class="form_row">
                                                <label for="txtPrice" class="form_headings">
                                                    <span style="color: Red;">*</span> <span class="quote_subheading">价格：</span>
                                                </label>
                                                <span class="form_info">
                                                    <input id="txtPrice" name="txtPrice" type="text" value="0.00" style="width: 120px;"
                                                        runat="server" readonly required="required" isvalidator datatype="number" /></span><span
                                                            style="font-size: 12px; display: block; float: left; line-height: 22px; margin-left: 5px;">(元)</span>
                                            </div>
                                            <div class="form_row">
                                                <label for="txtStartDate" class="form_headings">
                                                    <span style="color: Red;">*</span> <span class="quote_subheading">开始时间：</span>
                                                </label>
                                                <span class="form_info">
                                                    <input id="txtStartDate" name="txtStartDate" type="text" style="width: 120px;" runat="server"
                                                        onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});" onchange="BuildEnddate();" validatormsg="spanStartDate"
                                                        required="required" controlname="开始时间" isvalidator readonly />
                                                </span><span class="alertPanel" id="spanStartDate"></span>
                                            </div>
                                            <div class="form_row">
                                                <label for="txtEndDate" class="form_headings">
                                                    <span style="color: Red;">*</span> <span class="quote_subheading">结束时间：</span>
                                                </label>
                                                <span class="form_info">
                                                    <input id="txtEndDate" name="txtEndDate" type="text" runat="server" validatormsg="spanEndDate"
                                                        required="required" controlname="结束时间" isvalidator style="width: 120px;" readonly />
                                                </span><span class="alertPanel" id="spanEndDate"></span>
                                            </div>
                                        </div>
                                        <div id="divProductNotes" style="padding: 5px 3px 5px 5px; float: left; background-color: rgb(242, 242, 242); display: none;
                                            height: auto; margin-bottom: 5px; margin-left: 5px;"> 
                                            <div style="float: left; width: 280px;">
                                                <p style="font-weight: bold;">
                                                    特别提示
                                                </p>
                                                <p style="line-height: 22px;">
                                                    * 上海意大利签证: 须比实际行程往后延长5天<br />
                                                    * 北京意大利签证: 须自入境意大利之日起买满30天<br />
                                                    * 广州意大利签证: 须在实际行程天数前后各加2天<br />
                                                    * 上海德国签证: 目前有特殊要求出单前请联系客服<br />
                                                </p>
                                            </div>
                                        </div>
                                </div>
                                <div class="clearBoth">
                                </div>
                            </div>
                            <div class="fieldsetBtm">
                            </div>
                            <div class="fieldsetTop">
                            </div>
                            <div class="fieldsetMidd">
                                <div style="height: 75px; float: left; margin: 0 0 5px 0;">
                                    <div style="height: 75px; float: left; width: 295px;">
                                        <div class="form_row">
                                            <label class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">
                                                    <label for="txtPhone">
                                                        手机号码：</label></span>
                                            </label>
                                            <span style="display: block; float: left; height: 25px; margin: 0; width: 145px;">
                                                <input name="txtPhone" type="text" runat="server" id="txtPhone" validatormsg="spanPhone"
                                                    required="required" controlname="手机号码" isvalidator />
                                            </span>
                                            <div style="width: 285px; height: 10px;">
                                                <span style="float: right; margin-top: 0px;"><span class="alertPanel" id="spanPhone">
                                                </span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="padding: 3px 3px 0px 5px; float: left; background-color: rgb(242, 242, 242);
                                        height: 72px; margin-bottom: 5px; margin-left: 5px;">
                                        <img src="_imgs/phone_option.jpg" style="float: left; padding-right: 5px; margin: -3px 0px 0px -5px">
                                        <div style="float: left; width: 290px;">
                                            <p style="font-weight: bold;">
                                                保单信息及处理进度实时反馈
                                            </p>
                                            <p>
                                                输入您的手机号码，我们将保单的处理进度实时发送短信至您的手机。</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="form_headings">
                                        <span class="quote_subheading"><span style="color: Red;">*</span>
                                            <label for="txtEmail">
                                                Email：</label></span>
                                    </label>
                                    <span class="form_info">
                                        <input name="txtEmail" type="text" runat="server" id="txtEmail" datatype="email"
                                            validatormsg="spanEmail" required="required" controlname="Email" isvalidator />
                                        <span style="color: #666; font-size: 12px; width: 285px; height: 10px;">我们将用邮件通知您的保单处理进度</span>
                                    </span><span class="alertPanel" id="spanEmail"></span>
                                </div>
                                <div class="clearBoth">
                                </div>
                            </div>
                            <div class="fieldsetBtm">
                            </div>
                            <div class="fieldsetTop" style="display: none;">
                            </div>
                            <div class="fieldsetMidd" style="display: none;">
                                <p class="form_titles">
                                    投保人信息</p>
                                <div class="clearBoth">
                                </div>
                                <div>
                                    <div class="additional_travellers_start_column">
                                        &nbsp;</div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">姓名（中文）</span></div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">姓名（英文）</span></div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">证件类型</span></div>
                                    <div class="additional_travellers_next_column_150">
                                        <span class="quote_subheading">证件号码</span></div>
                                    <div class="additional_travellers_next_column_80">
                                        <span class="quote_subheading">性别</span></div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">出生日期</span></div>
                                    <div class="additional_travellers_next_column_60">
                                        <span class="quote_subheading">年龄</span></div>
                                </div>
                                <div class="clearBoth">
                                </div>
                                <div>
                                    <div class="additional_travellers_start_column">
                                        <span class="quote_subheading">&nbsp;</span>
                                    </div>
                                    <div class="additional_travellers_next_column_100">
                                        <input name="txtTName" type="text" runat="server" maxlength="50" id="txtTName" style="width: 80px;" />
                                    </div>
                                    <div class="additional_travellers_next_column_100">
                                        <input name="txtTNameEn" type="text" runat="server" maxlength="50" id="txtTNameEn" style="width: 80px;" />
                                    </div>
                                    <div class="additional_travellers_next_column_100">
                                        <select id="selTIDType" name="selTIDType" style="width: 80px;">
                                            <option value="">-- 请选择 --</option>
                                        </select>
                                    </div>
                                    <div class="additional_travellers_next_column_150">
                                        <input name="txtTIDNo" type="text" runat="server" id="txtTIDNo" style="width: 130px;" />
                                    </div>
                                    <div class="additional_travellers_next_column_80">
                                        <select name="selTSex" id="selTSex" style="width: 60px;">
                                            <option value="0">男</option>
                                            <option value="1">女</option>
                                        </select>
                                    </div>
                                    <div class="additional_travellers_next_column_100">
                                        <input name="txtTBirthday" type="text" runat="server" id="txtTBirthday" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});" readonly style="width: 80px;">
                                    </div>
                                    <div class="additional_travellers_next_column_60">
                                        <input name="txtTAge" type="text" runat="server" maxlength="3" id="txtTAge" style="width: 40px;">
                                    </div>
                                </div>
                                <div class="clearBoth">
                                </div>
                            </div>
                            <div class="fieldsetBtm" style="display: none;">
                            </div>
                            <div class="fieldsetTop">
                            </div>
                            <div class="fieldsetMidd">
                                <p class="form_titles" style="width: auto; float: left;">
                                    被保人信息</p>
                                <p style="width: auto; float: left; margin-left: 20px;">
                                    <span>人数:</span>
                                    <select id="ddlNoOfTravellers" name="ddlNoOfTravellers" onchange="onNoOfTravellersChanged();"
                                        runat="server" style="width: 50px;">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                    </select>
                                    <input type="hidden" id="txtNoOfTravellers" name="txtNoOfTravellers" runat="server"
                                        value="1" />
                                </p>
                                <div class="clearBoth">
                                </div>
                                <div class="additional_travellers_start_column">
                                    &nbsp;</div>
                                <div class="additional_travellers_next_column_100">
                                    <span class="quote_subheading">姓名（中文）</span></div>
                                <div class="additional_travellers_next_column_100">
                                    <span class="quote_subheading">姓名（英文）</span></div>
                                <div class="additional_travellers_next_column_100">
                                    <span class="quote_subheading">证件类型</span></div>
                                <div class="additional_travellers_next_column_150">
                                    <span class="quote_subheading">证件号码</span></div>
                                <div class="additional_travellers_next_column_80">
                                    <span class="quote_subheading">性别</span></div>
                                <div class="additional_travellers_next_column_100">
                                    <span class="quote_subheading">出生日期</span></div>
                                <div class="additional_travellers_next_column_60">
                                    <span class="quote_subheading">年龄</span></div>
                                <div class="clearBoth">
                                </div>
                                <asp:Repeater ID="rptPolicyholders" runat="server">
                                    <ItemTemplate>
                                        <div id="divPolicyholders<%# Container.ItemIndex + 1 %>">
                                            <div class="additional_travellers_start_column">
                                                <span class="quote_subheading">
                                                    <%# Container.ItemIndex + 1 %>)</span>
                                            </div>
                                            <div class="additional_travellers_next_column_100">
                                                <input name="txtName" value="<%#Eval("Name") %>" type="text" maxlength="50" id="txtName<%# Container.ItemIndex + 1 %>"
                                                    required="required" isvalidator style="width: 80px;" />
                                            </div>
                                            <div class="additional_travellers_next_column_100">
                                                <input name="txtNameEn" value="<%#Eval("NameEn") %>" type="text" maxlength="50" id="txtNameEn<%# Container.ItemIndex + 1 %>"
                                                    required="required" isvalidator style="width: 80px;" />
                                            </div>
                                            <div class="additional_travellers_next_column_100">
                                                <select id="selIDType<%# Container.ItemIndex + 1 %>" name="selIDType" required="required"
                                                    isvalidator style="width: 80px;">
                                                    <option value="">-- 请选择 --</option>
                                                </select>
                                            </div>
                                            <div class="additional_travellers_next_column_150">
                                                <input name="txtIDNo" value="<%#Eval("IDNo")%>" id="txtIDNo<%# Container.ItemIndex + 1 %>"
                                                    type="text" onblur="IDNoBlur(this, '1', 'i');" maxlength="18" required="required"
                                                    isvalidator datatype="number" style="width: 130px;" />
                                            </div>
                                            <div class="additional_travellers_next_column_80">
                                                <select name="selSex" id="selSex<%# Container.ItemIndex + 1 %>" style="width: 60px;">
                                                    <option value="0">男</option>
                                                    <option value="1">女</option>
                                                </select>
                                            </div>
                                            <div class="additional_travellers_next_column_100">
                                                <input name="txtBirthday" value="<%#Eval("Birthday")%>" type="text" id="txtBirthday<%# Container.ItemIndex + 1 %>"
                                                    onblur="GetAge(this, '1', 'i');" required="required" isvalidator datatype="date"
                                                    onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});" readonly style="width: 80px;">
                                            </div>
                                            <div class="additional_travellers_next_column_60">
                                                <input name="txtAge" value="<%#Eval("Age")%>" type="text" maxlength="3" id="txtAge<%# Container.ItemIndex + 1 %>"
                                                    required="required" isvalidator datatype="number" style="width: 40px;">
                                            </div>
                                            <div class="clearBoth">
                                            </div>
                                        </div>
                                        <div class="clearBoth">
                                        </div>
                                    </ItemTemplate>
                                </asp:Repeater>
                                <div class="clearBoth">
                                </div>
                            </div>
                            <div class="fieldsetBtm">
                            </div> 
                            <div class="fieldsetTop">
                            </div>
                            <div class="fieldsetMidd">
                                <p class="form_titles">
                                    保单类型</p> 
                                <div class="form_row">
                                    <label class="form_headings">
                                        <span class="quote_subheading">保单类型：</span>
                                    </label>
                                    <span class="form_info">
                                        <input id="rdoSalesTypeCode_1" type="radio" runat="server" name="rdoSalesTypeCode" value="1" checked />
                                        <label for="rdoSalesTypeCode_1">
                                            电子保单(PDF)</label>
                                        <input id="rdoSalesTypeCode_2" type="radio" runat="server" name="rdoSalesTypeCode" value="2" />
                                        <label for="rdoSalesTypeCode_2">
                                            纸质保单</label>
                                    </span>
                                </div> 
                                <div class="form_row">
                                    <label for="rdoTSex_0" class="form_headings">
                                        <span class="quote_subheading">需邮寄发票： </span>
                                    </label>
                                    <span class="form_info">
                                        <input id="rdoInvoice_0" type="radio" runat="server" name="rdoInvoice" value="0"
                                            checked />
                                        <label for="rdoInvoice_0">
                                            否</label>
                                        <input id="rdoInvoice_1" type="radio" runat="server" name="rdoInvoice" value="1" />
                                        <label for="rdoInvoice_1">
                                            是</label>
                                    </span>
                                </div>
                                <div class="form_row" id="divInvoiceTitle" style=" display: none;">
                                    <label class="form_headings">
                                        <span class="quote_subheading">
                                            <label for="txtInvoiceTitle" class="error">
                                                发票抬头：</label></span>
                                    </label>
                                    <span class="form_info">
                                        <input name="txtInvoiceTitle" type="text" id="txtInvoiceTitle" runat="server" style="width: 300px;" />
                                    </span>
                                </div>
                                <div class="clearBoth">
                                </div>
                            </div>
                            <div class="fieldsetBtm">
                            </div>
                            <div class="fieldsetTop" taggroup="express" style="display: none;">
                            </div>
                            <div class="fieldsetMidd" taggroup="express" style="display: none;">
                                <p class="form_titles">
                                    快递信息</p>
                                <div class="form_row">
                                    <label class="form_headings">
                                        <span class="quote_subheading"><span style="color: Red;">*</span>
                                            <label for="selExpressType">
                                                快递公司：</label></span>
                                    </label>
                                    <span class="form_info">
                                        <select id="selExpressType" name="selExpressType" runat="server" onchange="onExpressTypeChanged();">
                                            <option value="申通快递">申通快递</option>
                                            <option value="顺丰快递">顺丰快递</option>
                                        </select>
                                    </span>
                                    <span class="alertPanel" id="spanExpressType" style="display: block; font-size: 12px; line-height: 22px;">* 2-3个工作日到达</span>
                                </div>
                                <div class="form_row">
                                    <label class="form_headings">
                                        <span class="quote_subheading"><span style="color: Red;">*</span>
                                            <label for="txtInvoiceFee">
                                                快递费：</label></span>
                                    </label>
                                    <span class="form_info">
                                        <input name="txtInvoiceFee" type="text" id="txtInvoiceFee" runat="server" value="0.00" readonly />元
                                    </span><span class="alertPanel" id="spanInvoiceFee"></span>
                                </div>
                                <div class="form_row">
                                    <label class="form_headings">
                                        <span class="quote_subheading"><span style="color: Red;">*</span>
                                            <label for="txtInvoiceRecipient">
                                                收件人：</label></span>
                                    </label>
                                    <span class="form_info">
                                        <input name="txtInvoiceRecipient" type="text" runat="server" id="txtInvoiceRecipient" validatormsg="spanInvoiceRecipient" controlname="收件人" isvalidator />
                                    </span><span class="alertPanel" id="spanInvoiceRecipient"></span>
                                </div>
                                <div class="form_row">
                                    <label class="form_headings">
                                        <span class="quote_subheading"><span style="color: Red;">*</span>
                                            <label for="txtETName">
                                                联系电话：</label></span>
                                    </label>
                                    <span class="form_info">
                                        <input name="txtInvoicePhone" type="text" runat="server" id="txtInvoicePhone" validatormsg="spanInvoicePhone" controlname="联系电话" isvalidator />
                                    </span><span class="alertPanel" id="spanInvoicePhone"></span>
                                </div>
                                <div class="form_row">
                                    <label class="form_headings">
                                        <span class="quote_subheading"><span style="color: Red;">*</span>
                                            <label for="selTIDType">
                                                地址：</label></span>
                                    </label>
                                    <span class="form_info">
                                        <input name="txtInvoiceAddress" type="text" runat="server" id="txtInvoiceAddress" style="width: 300px;" validatormsg="spanInvoiceAddress" controlname="地址" isvalidator />
                                    </span><span class="alertPanel" id="spanInvoiceAddress"></span>
                                </div>
                                <div class="clearBoth">
                                </div>
                            </div>
                            <div class="fieldsetBtm" taggroup="express" style="display: none;">
                            </div>
                            <div class="checkoutBox noBorder">
                                <p style="width: 300px; height: 35px; margin: 10px auto; padding: 0px 0px 0px 0px;
                                    clear: both;">
                                    <a href="javascript:if(ValidateSubmit()){this.disabled=true;$('#success').css('display','block');___doPostBack('submitorder');}"
                                        title="确认修改" class="button buttonB"><span>确认修改</span></a> <a href="javascript:window.location.href='insurance_orderlist.aspx';"
                                            title="取消修改" class="button buttonB"><span>取消修改</span></a></p>
                            </div>
                            <!--End: End travellers control-->
                            <div style="text-align: right; margin: 10px 10px 0 0;">
                            </div>
                        </div>
                    </div>
                    <div class="clearBoth">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
    <uc2:footer ID="footer1" runat="server" />
    </form>
</body>
</html>
